<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>欢迎来到SCORM教学系统</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<div id="topheader">
<div class="logo"></div>
<div class="menu_area"><a href="#" class="ideas">Ideas <span
	class="menu_text">Maecenas lacin</span></a> <a href="#" class="links">Links
<span class="menu_text">Maecenas</span></a> <a href="#" class="info">Info
<span class="menu_text">Maecenas</span></a> <a href="#" class="works">Works
<span class="menu_text">Maecenas</span></a></div>
</div>
<div id="search_strip">
<div class="freeregistration">
<div class="registration"><a href="#" class="free">免费</a>
注册</div>
</div>
<div class="search_area">
<div class="search_box"><label> <input name="textfield"
	type="text" class="searchtextbox" /> </label></div>
<div class="search_go">
<div align="center"><a href="#" class="go">GO</a></div>
</div>
<div class="search_box">&raquo; <a href="#" class="advancesearch">Advance
Search</a></div>
</div>
</div>
<div id="body_area">
<div class="left">
<div class="left_menutop"></div>
<div class="left_menu_area">
<div align="right"><a href="#" class="left_menu">Home</a><br />
<a href="#" class="left_menu">About us</a><br />
<a href="#" class="left_menu">Companies success</a><br />
<a href="#" class="left_menu">Client testimonials</a><br />
<a href="#" class="left_menu">Methods of Develop</a><br />
<a href="#" class="left_menu">Questions</a><br />
<a href="#" class="left_menu">Online Support</a><br />
<a href="#" class="left_menu">Newsletter</a><br />
<a href="#" class="left_menu">Subscribe info</a><br />
<a href="#" class="left_menu">Oppotunities</a><br />
<a href="#" class="left_menu">Current events</a><br />
<a href="#" class="left_menu">Contact us</a></div>
</div>
<div class="comments_area">
<div class="comment_head">
<div align="right">Comments</div>
</div>
<div class="comments_text">
<div align="right">Justo praesent <br />
<a href="#" class="comments_link">ourna tempus imperdiet llentes
Pellentesque</a></div>
</div>
<div class="comments_text">
<div align="right">At leo at elitconsequat <br />
<a href="#" class="comments_link">uctus pellentesque et erat nec </a></div>
</div>
<div class="comments_text">
<div align="right">Vestibulum vepusl <br />
<a href="#" class="comments_link">vamus et magna et torpraesent
accumsan</a></div>
</div>
</div>
<div class="comments_area">
<div class="Services_head">
<div align="right">Services</div>
</div>
<div class="comments_text">
<div align="right">Justo praesent <br />
<a href="#" class="comments_link">ourna tempus imperdiet llentes
Pellentesque</a></div>
</div>
<div class="comments_text">
<div align="right">At leo at elitconsequat <br />
<a href="#" class="comments_link">uctus pellentesque et erat nec </a></div>
</div>
<div class="comments_text">
<div align="right">Vestibulum vepusl <br />
<a href="#" class="comments_link">vamus et magna et torpraesent
accumsan</a></div>
</div>
<div class="comments_text">
<div align="right">Justo praesent <br />
<a href="#" class="comments_link">ourna tempus imperdiet llentes
Pellentesque</a></div>
</div>
</div>
</div>
<div class="midarea">
<div class="head">欢迎来到SCORM教学系统</div>
<div class="body_textarea">
<div align="justify">These templates are licensed under a Creative
Commons Attribution 2.5 License.</div>
</div>
<div class="body_textarea">
<div align="justify">
<p>temper is a free, tableless, W3C-compliant web design layout by
Template World. This template has been tested and proven compatible with
all major browser environments and operating systems. You are free to
modify the design to suit your tastes in any way you like.</p>
<p>We only ask you to not remove &quot;Design by Template
World&quot; and the link http://www.templateworld.com from the footer of
the template.</p>
</div>
</div>
<div class="body_textarea">
<div align="center"><a href="#" class="readmore">Read More </a></div>
</div>
<div class="innerbanner"><span class="innerbanner_head">Blandit
ultricies urna velit congue ligula sed vulputate urna </span><br />
<span class="innerbanner_head">Turpis eu tortor ut quis quam</span></div>
</div>
<div class="right">
<div class="comments_area">
<div class="events_head">Events</div>
<div class="comments_text">
<div align="left">On 12th January 2008 <br />
<a href="#" class="comments_link">ourna tempus imperdiet llentes
Pellentesque</a></div>
</div>
<div class="comments_text">
<div align="left">On 14th January 2008 <br />
<a href="#" class="comments_link">uctus pellentesque et erat nec </a></div>
</div>
<div class="comments_text">
<div align="left">On 16th January 2008 <br />
<a href="#" class="comments_link">vamus et magna et torpraesent
accumsan</a></div>
</div>
</div>
<div class="login_area">
<div class="login_top"></div>
<div class="login_bodyarea">
<div class="right_head">
<div align="center">Join Us For Membership</div>
</div>
<div class="right_textbox"><label> <input
	name="textfield2" type="text" class="righttextbox" value="Name" /> </label></div>
<div class="right_textbox"><label> <input
	name="textfield22" type="password" class="righttextbox"
	value="Password" /> </label></div>
<div class="right_text"><label> <input type="checkbox"
	name="checkbox" value="checkbox" /> </label> Remember Me</div>
<div class="right_text">
<div align="center"><a href="#" class="login">Login</a></div>
</div>
</div>
<div class="login_bottom"></div>
</div>
<div class="login_area">
<div class="login_top"></div>
<div class="login_bodyarea">
<div class="right_head">
<div align="center"><strong>Newsletter Signup </strong></div>
</div>
<div class="right_textbox"><label> <input
	name="textfield23" type="text" class="righttextbox" value="Email Id" />
</label></div>
<div class="right_text">
<div align="center"><a href="#" class="login">Signup</a></div>
</div>
</div>
<div class="login_bottom"></div>
</div>
<div class="comments_area">
<div class="newletter_head">Newslinks</div>
<div class="comments_text">
<div align="left"><a href="#" class="news_link">Sed massa
Integer tincidunt </a></div>
</div>
<div class="comments_text">
<div align="left"><a href="#" class="news_link">Dapibus nunc</a></div>
</div>
<div class="comments_text">
<div align="left"><a href="#" class="news_link">Phasellus ac
Nunc</a></div>
</div>
<div class="comments_text">
<div align="left"><a href="#" class="news_link">Quisque
rhoncus felis in </a></div>
</div>
<div class="comments_text">
<div align="left"><a href="#" class="news_link">Ultricies
sollicitudin diam orci </a></div>
</div>
<div class="comments_text">
<div align="left"><a href="#" class="news_link">Mollis risusin
rhoncus velit </a></div>
</div>
<div class="comments_text">
<div align="left"><a href="#" class="news_link">Nulla ege</a></div>
</div>
</div>
</div>
</div>
<div id="fotter">
<div class="fotter_links">
<div align="center"><a href="#" class="fotterlink">Home</a> | <a
	href="#" class="fotterlink">About Us</a> | <a href="#"
	class="fotterlink">Companies Success</a> | <a href="#"
	class="fotterlink">Client Testimonials</a> | <a href="#"
	class="fotterlink">Methods of Development</a> | <a href="#"
	class="fotterlink">Newsletter</a> | <a href="#" class="fotterlink">Subscribe
Info</a> | <a href="#" class="fotterlink">Oppotunities</a> | <a href="#"
	class="fotterlink">Current Events</a> | <a href="#" class="fotterlink">Contact
Us</a></div>
</div>
<div class="fotter_copyrights">
<div align="center">&copy; Copyright Information Goes Here. All
Rights Reserved</div>
</div>
<div class="fotter_validation">
<div align="center"><a
	href="http://validator.w3.org/check?uri=referer" target="_blank"
	class="xhtml">XHTML</a> <a
	href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"
	class="css">CSS</a><br />
</div>
</div>
<div class="fotter_designed">
<div align="center">Designed By : <a href="#"
	class="fotter_designedlink">Template World</a></div>
</div>
</div>
</form>

</body>
</html>
